<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>升级收费专家</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">


    <!-- Custom styles for this template -->
    <!-- <link href="../css/iOS/mobile/mobile.css" rel="stylesheet"> -->
</head>

<body>

    <!-- header -->
    <div>
        <!--  -->
        <div class="widget-default margin-b-3 widget-body">
            <span class="font-17 black">升级为收费专家条件</span>
        </div>

        <!--  -->
        <div class="widget-default margin-b-3 widget-body">
            <div class="display-flex align-items-center justify-content-between width-100 padding-l-10">
                <div class="display-flex flex-column justify-content-between">
                    <p class="font-weight black font-17 font-weight no-margin">回复量需达到<span class="orange1">400条</span>
                    </p>
                    <span class="gray font-14 padding-t-10">你目前回复量100条</span>
                </div>
                <div class="farm-label text-center margin-t-5">
                    <a class="white font-12 charge-bg">去完成</a>
                </div>
            </div>
        </div>
        <!--  -->
        <div class="widget-default margin-b-3 widget-body">
            <div class="display-flex align-items-center justify-content-between width-100 padding-l-10">
                <div class="display-flex flex-column justify-content-between">
                    <p class="font-weight black font-17 font-weight no-margin">学员数需达到<span class="orange1">10人</span>
                    </p>
                    <span class="gray font-14 padding-t-10">你目前有10人</span>
                </div>
                <div class="farm-label text-center margin-t-5">
                    <a class="orange2 font-12 charge-bg1">已完成</a>
                </div>
            </div>
        </div>
        <!--  -->
        <div class="widget-default margin-b-3 widget-body">
            <div class="display-flex align-items-center justify-content-between width-100 padding-l-10">
                <div class="display-flex flex-column justify-content-between">
                    <p class="font-weight black font-17 font-weight no-margin">专家文献需达到<span class="orange1">1篇</span>
                    </p>
                    <span class="gray font-14 padding-t-10">你目前有1篇</span>
                </div>
                <div class="farm-label text-center margin-t-5">
                    <a class="white font-12 charge-bg">去完成</a>
                </div>
            </div>
        </div>
        <!--升级 -->
        <div class="save-btn-charge margin-t-50">
            <button type="button" class="mui-btn mui-btn-primary mui-btn-block charge-bg">升级</button>
        </div>
         <!--未达标-->
        <div class="save-btn-charge margin-t-50">
            <button type="button" class="mui-btn mui-btn-primary mui-btn-block charge-bg1 orange2">未达标</button>
        </div>


        <p class="font-12 gray text-center p-fixed">如有疑问，请添加微信号：nkzjfw咨询</p>
    </div>


    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>

</body>

</html>